$(function () {
    //全选  全不选
    $('.checkall').click(function () {
        //其他复选框赋值为事件源复选框的属性值
        $('.j-checkbox').prop('checked', $(this).prop('checked'));
        $('.checkall').prop('checked', $(this).prop('checked'));

        // calc();
    })

    //所有其他复选框选中，全选框会选中
    $('.j-checkbox').change(function () {

        var result = true;

        // var $checks = $('.j-checkbox');
        // for (var i = 0; i < $checks.lenght; i++) {
        //     result = result && $($checks[i]).prop('checked');
        // }

        //each回调函数 第一个参数是遍历出的元素下标，第二个是元素
        $('.j-checkbox').each(function (i, box) {
            result = result && $(box).prop('checked');
        })
        $('.checkall').prop('checked', result);
        // calc();
    })


    // 设计独立的函数，计算价格变化，总量增加减少
    function calc() {
        //总价格、总数量初始值为0
        var amount = 0, counts = 0;
        var $prices = $('.p-price');//单价
        var $counts = $('.itxt');//数量
        var $sum = $('.p-sum');//小计
        $prices.each(function (i) {
            var price = Number($prices[i].innerHTML.substr(1));
            var count = Number($counts[i].value);
            $($sum[i]).html('￥' + (price * count));
            amount += price * count;
            counts += count;

        })
        $('.amount-sum em').html(counts);
        $('.price-sum em').html(amount);
    }
    //打开购物车页面要计算一次总金额、总数
    calc();


    //单击加减号，数量加减，调用函数
    $('.increment').click(function () {
        // alert('ok');
        // val() 读取/设置值
        var val = $(this).prev('input').val();
        val++;
        $(this).prev('input').val(val)
        calc();//调用此函数
    })
    $('.decrement').bind('click', function () {
        // alert('ok');
        // val() 读取/设置值
        var val = $(this).next('input').val();
        val--;
        val = val <= 0 ? 0 : val;
        $(this).next('input').val(val)
        calc();//调用此函数
    })


    //行中间的删除
    $('.p-action>a').click(function () {
        if (confirm('确定删除？')) {
            $(this).parent().parent().remove();
            calc();
        }
        // cross();
    })


    //清空购物车
    $('.clear-all').click(function () {
        if (confirm('确定删除？')) {
            $('.cart-item-list').empty();
            calc();
        }
    })


    //删除选中商品
    $('.remove-batch').click(function () {
        if (confirm('确定删除？')) {
            //找到所有行，遍历行，判断复选框是否选中
            $('.cart-item').each(function (i, item) {
                var child = $(item).children('.p-checkbox').children('.j-checkbox');
                if (child.prop('checked')) {
                    $(item).remove();
                }
            })
            calc();
            // cross();
        }
    })

    // function cross() {
    //     $('.cart-item').each(function (i, item) {
    //         if (i % 2 == 0) {
    //             $(item).removeClass('chexck-cart-item')
    //                 .addClass('chexck-cart-item');
    //         } else {
    //             $(item).removeClass('chexck-cart-item');
    //         }
    //     })
    // }

})